<template>
  <div>
    <breadcrumb class="breadcrumb-container"></breadcrumb>
    <el-row>
      <el-form class="mr20">
        <el-form-item>
          <label for="">业务员姓名</label>
          <el-input></el-input>
        </el-form-item>
        <el-form-item>
          <label for="">业务员工号</label>
          <el-input></el-input>
        </el-form-item>
        <el-form-item>
          <label for="">商户编号</label>
          <el-input></el-input>
        </el-form-item>
        <el-form-item>
          <label for="">时间范围</label>
          <el-date-picker type="daterange" start-placeholde="开始时间" end-placeholde="结束时间"></el-date-picker>
        </el-form-item>
      </el-form>
      <el-button size="small" icon="el-icon-search" class="btn30 btn-search">查询</el-button>
    </el-row>
    <el-row>
      <el-table :data="data" size="small">
        <el-table-column label="序号" prop="id" align="center"></el-table-column>
        <el-table-column label="商户编号" prop="num" align="center"></el-table-column>
        <el-table-column label="商户名称" prop="name" align="center"></el-table-column>
        <el-table-column label="业务员工号" prop="userid" align="center"></el-table-column>
        <el-table-column label="业务员姓名" prop="username" align="center"></el-table-column>
        <el-table-column label="开通时间" prop="add_time" align="center"></el-table-column>
      </el-table>
      <el-pagination :total="40" layout="total, prev, pager, next, jumper"  class="fr mt20"></el-pagination>
    </el-row>
  </div>
</template>

<script>
import Breadcrumb from '@/components/Breadcrumb'
export default {
  name: 'search',
  components: {
    Breadcrumb
  },
  data() {
    return {
      data: [
        {
          id: '132',
          num: '1456798',
          name: '蚂蚁',
          userid: '1646',
          username: '张三',
          add_time: '2017-12-02 12:12:12'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
  .el-form{
    display: inline-block;
    .el-form-item{
      display: inline-block;
      .el-input{
        display: inline-block;
        width: 200px;
      }
      label{
        display: inline-block;
        margin-left: 10px;
      }
      .el-date-editor{
       /deep/ .el-range-separator{
          line-height: 0;
        }
      }
    }
  }
</style>
